<template>
    <el-container style="height: 100%">
        <el-header style="position: fixed;z-index: 9;width: 100%">
            <h1 class="title">
                        <span style="color: #5f5b5b">
                            当前位置 ：
                        </span>
                系统配置
            </h1>
        </el-header>
        <el-main style="background: #F0F0F066;margin-top:45px;text-align: center">
            <el-header style="color: #000;font-size: 24px;font-weight: 500">数据库地址配置</el-header>
            <settings-form></settings-form>
        </el-main>
    </el-container>
</template>

<script>
    import SettingsForm from "../../../components/admin/form/SettingsForm";

    export default {
        name: "SystemSettings",
        components: {
            SettingsForm
        },
        data() {
            return {}
        },
        mounted() {

        },
        methods: {}
    }
</script>

<style scoped>
    .el-header {
        background: #EBEBEB;
        color: #e5e9ef;
        font-size: 2em;
        line-height: 80px;
        border: 5px solid #EBEBEB;
    }

    .el-main {
        background: #fff;
    }

    .el-container {
        height: 100%;
    }

    .title {
        font-size: 14px;
        color: #97a8be;
        font-weight: 400 !important;
    }
</style>
